<template>
  <ul class="Menu_list">
    <li class="name">
      <div class="Menu_name">
        <a :href="menudata.Menu_name.url">{{menudata.Menu_name.category}}</a>
        <span>&lt;</span>
      </div>
      <div class="link_name">
        <p>
          <a :href="item.url" v-for="(item, index) in menudata.Menu_name.linkname" :key="index">{{item.name}}</a>
          <!-- <a href="javascript:void(0)">剑南春</a> -->
        </p>
      </div>
      <div class="menv_Detail">
        <div class="cat_pannel clearfix">
          <div class="hd_sort_list">

            <dl class="clearfix" :data-tpc="index" v-for="(item, index) in menudata.menu_Detail" :key="index">
              <dt>
                <a :href="item.url">{{item.name}}
                  <i>></i>
                </a>
              </dt>
              <dd>
                <a :href="urls.url" v-for="(urls, index) in item.links" :key="index">{{urls.name}}</a>
                <!-- <a href="javascript:void(0)">水洗面膜</a> -->
              </dd>
            </dl>

          </div>
          <div class="Brands">
            <a class="logo_Brands" :href="images.url" v-for="(images, index) in menudata.images" :key="index">
              <img :src="images.imgsrc" />
            </a>

          </div>
        </div>
        <!--品牌-->
      </div>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["menudata"]
};
</script>

<style>
</style>
